img{max-width: 100%;height: auto !important;}
/*首页主体*/
.header_meta{height: 36px;background-color: #e8e8e8;}
.header_meta .left{font-size: 12px;line-height: 36px;color: #666;}
.header_meta .right{line-height: 36px;}
.header_meta .right a{display: block;float: left;margin-left: 10px;font-size: 12px;color: #666;}
.header_meta .right a font{margin-left: 10px;}

.header{padding: 20px 0;}
.header_wel{padding-left: 15px;margin-left: 15px;border-left: 1px solid #cdcdcd;margin-top: 18px;}
.header_wel .h5{font-size: 20px;color: #333333;margin-bottom: 5px;line-height: 1;}
.header_wel .p{font-size: 14px;color: #333;}
.header_tel{padding-top: 18px;text-align: right;}

.nav{height: 70px;background: #02388b ;}
.nav_item{width: 12.5%;float: left;text-align: center;height: 70px;}
.nav_item a{transition: .3s all ease;padding: 10px 0;display: block;line-height: 50px;font-size: 16px;color: #fff;background-image: url(../images/nav_item_bg.png);background-position: right center;background-repeat: no-repeat;}
.nav_item.active a,.nav_item a:hover{background-color: #ffae00;}

.hot{height: 50px;background-color: #f0f0f0;font-size: 14px;line-height: 50px;color: #555;}

.index_product{padding: 30px 0;}
/*.index_product .left{width: 20%;padding: 10px;border: 1px solid #dcdcdc;}*/
.index_product .left{width:240px;padding: 10px;}
/*.index_product .right{width: 80%;padding-left: 30px;}*/
.index_product .right{width:930px;}
.index_product .left .title{text-align: center;height: 60px;line-height: 60px;background-image: url(../images/jiao.png);background-position: top right;background-repeat: no-repeat;background-color: #02388b;color: #fff;font-size: 20px;}
.index_product .left ul li{display: block;margin-top: 5px;background: #f1f1f1;transition: .3s all ease;}
.index_product .left ul li a{transition: .3s all ease;display: block;font-size: 14px;color: #555;padding-left: 15px;line-height: 43px;overflow: hidden;}
.index_product .left ul li:hover{background-color: #02388b;background-image: url(../images/to.png);background-position: 95% center;background-repeat: no-repeat;}
.index_product .left ul li:hover a{color: #fff;}
.index_product .right ul{background: #f0f0f0;}
.index_product .right ul li{width: 31%;float: left;margin: 1%;border: 2px solid #fff;box-shadow: 0 0 8px #dbdbdb;transition: .3s all ease;}
.index_product .right ul li .img{overflow: hidden;}
.index_product .right ul li img{transition: .8s all ease;}
.index_product .right ul li .txt{height: 36px;background-color: #02388b;}
.index_product .right ul li .txt a{display: block;text-align: center;line-height: 36px;font-size: 14px;color:#fff;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.index_product .right ul li:hover{border: 2px solid #02388b;}
.index_product .right ul li:hover img{transform: scale(1.1);}

.in_title{text-align: center;margin-bottom: 25px;}
.in_title .h5{font-size: 24px;line-height: 50px;border-bottom: 1px solid #eee;background-image: url(../images/in_title_bg.png);background-position: center bottom;background-repeat: no-repeat;}
.in_title .p{font-size: 14px;margin-top: 5px;}
.in_title .txt{font-size: 12px;line-height: 20px;}
.in_title.w .h5,.in_title.w .p,.in_title.w .txt{color: #fff;}

.index_about{padding: 30px 0;background: #f3f3f3;}
/*
.index_about .left{width: 44%;}
.index_about .right{width: 56%;padding-left: 30px;}
*/
.index_about .left{width:528px;}
.index_about .right{width: 642px;}
.index_about .right .txt{text-indent: 2em;font-size: 15px;line-height:25px;color: #666;}
.index_about .right .more{margin-top: 20px;text-align: right;}
.index_about .right .more a{transition: .3s all ease;width: 80px;height: 30px;text-align: center;display: inline-block;line-height: 30px;color: #fff;font-size: 12px;background-color: #777;}
.index_about .right .more a:hover{background-color: #02388b;}

.index_case{padding: 30px 0;background-color: #02388b;}
/*
.index_case .box ul li{width: 24%;margin: 0 0.5%;border: 5px solid #fff;box-shadow: 0 0 5px #fff;float: left;transition: .3s all ease;}
*/
.index_case .box ul li{width:25%;box-shadow: 0 0 5px #fff;float: left;transition: .3s all ease;}
.index_case .box ul li a{display:block;margin: 0 0.5%;border: 5px solid #fff;}
.index_case .box ul li .img{overflow: hidden;}
.index_case .box ul li img{transition: .8s all ease;}
.index_case .box ul li .txt{transition: .3s all ease;display: block;text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 30px;font-size: 14px;color: #fff;}
.index_case .box ul li a:hover{border: 5px solid #02388b;}
.index_case .box ul li:hover img{transform: scale(1.1);}
.index_case .box ul li:hover .txt{background-color: #fff;color: #02388b;}

.index_advan{padding: 30px 0;}
.index_advan .box .left,.index_advan .box .right{width: 48%;}
.index_advan .box .info{padding-left: 70px;margin-bottom: 50px;background-position: left top;background-repeat: no-repeat;}
.index_advan .box .img{margin-bottom: 50px;}
.index_advan .box .left .img{margin-bottom: 0;}
.index_advan .box .info .title{padding: 10px 0;font-size: 20px;color: #02388b;font-weight: bold;background-image: url(../images/in_advan_title_bg.png);background-position: left bottom;background-repeat: no-repeat;}
.index_advan .box .info .title font{font-size: 12px;color: #bebebe;font-weight: normal;font-family: Euphemia;margin-left: 10px;}
.index_advan .box .info .txt{font-size: 14px;line-height: 20px;padding-left: 20px;margin-top: 10px;background-image: url(../images/in_advan_txt_bg.png);background-position: left 5px;background-repeat: no-repeat;}
.index_advan .box .info.in_advan_01{background-image: url(../images/in_advan_01.png);}
.index_advan .box .info.in_advan_02{background-image: url(../images/in_advan_02.png);}
.index_advan .box .info.in_advan_03{background-image: url(../images/in_advan_03.png);}
.index_advan .box .info.in_advan_04{background-image: url(../images/in_advan_04.png);margin-bottom: 0;}

.index_fen{padding: 40px 0;background-image: url(../images/in_fen_bg.png);background-position: left top;background-repeat: repeat;}
.index_fen .h5{font-size: 42px;font-weight: bold;color: #fff;line-height: 60px;}
.index_fen .p{font-size: 26px;margin-top: 10px;color: #fff;}

.index_honor{padding: 30px 0;}
/*
.index_honor .box ul li{width: 24%;float: left;margin: 0 0.5%;box-shadow: 0 0 5px #999;border: 5px solid #fff;transition: .3s all ease;}
*/
.index_honor .box ul li{width: 25%;float: left;box-shadow: 0 0 5px #999;transition: .3s all ease;}
.index_honor .box ul li a{display:inline-block;margin: 0 0.5%;border: 5px solid #fff;}
.index_honor .box ul li .img{overflow: hidden;}
.index_honor .box ul li img{transition: .8s all ease;}
.index_honor .box ul li .title{padding: 5px;color: #666;margin-top: 5px;font-size: 15px;text-overflow: ellipsis;transition: .3s all ease;white-space: nowrap;overflow: hidden;text-align: center;}
.index_honor .box ul li .txt{font-size: 12px;padding:0 5px;line-height: 20px;color: #909090;height: 40px;overflow: hidden;margin-bottom: 5px;}
.index_honor .box ul li a:hover{border: 5px solid #02388b;}
.index_honor .box ul li:hover img{transform: scale(1.1);}
.index_honor .box ul li:hover .title{color: #02388b;}

.index_news{padding: 30px 0;background: #f3f3f3;}
.index_news .in_news_box{width: 48%;}
.in_news_title{padding-bottom: 27px;margin-bottom: 15px;background-image: url(../images/in_news_title_bg.png);background-position: left bottom;background-repeat: repeat-x;}
.in_news_title .font{padding-left: 10px;border-left: 4px solid #02388b;font-size: 20px;color: #333;float: left;font-weight: bold;line-height: 1;}
.in_news_title .font font{font-size: 14px;color: #999;font-weight: normal;margin-left: 10px;}
.in_news_title .more{float: right;padding-right: 15px;background-image:url(../images/in_news_more_bg.png);font-size: 14px;line-height: 20px;background-position: right center;background-repeat: no-repeat;}
.in_news_item{border-bottom: 1px dashed #a7a7a7;padding-bottom: 10px;margin-top: 10px;padding-left: 20px;background-image: url(../images/in_news_item_bg.png);background-position: left 7px;background-repeat: no-repeat;}
.in_news_item a{width: 75%;float: left;line-height: 25px;font-size: 14px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #5a5a5a;transition: .5s all ease;}
.in_news_item font{width: 25%;float: right;text-align: right;font-size: 14px;line-height: 25px;color: #929292;}
.in_news_item:hover a{color: #02388b;}

.links{padding: 25px 0 20px;}
.links span{float: left;padding-left: 75px;line-height: 17px;font-size: 14px;margin-bottom: 5px;background-image: url(../images/links_bg.jpg);background-position: 0 0;background-repeat: no-repeat;}
.links a{float: left;margin: 0 0 5px 5px;line-height: 17px;font-size: 14px;transition: .3s all ease;}
.links a:hover{color: #02388b;}

.footer{padding: 30px 0;background-color: #02388b;}
.footer_nav{padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid #45adef;}
.footer_nav a{width: 12.5%;float: left;text-align: center;font-size: 14px;color: #fff;}
.footer_info .left{padding-top: 16px;}
.footer_info .middle{width: 55%;padding-left: 60px;padding-top: 10px;}
.footer_info .middle .txt{padding-top: 5px;font-size: 14px;color: #fff;}
.footer_info .middle .txt font{display: inline-block;margin-right: 10px;}
.footer_info .middle a{font-size: 14px;color: #fff;transition: .3s all ease;}
.footer_info .middle a:hover{text-decoration: underline;}
.footer_info .right{float: right;text-align: right;}

/*内页通用*/
.nei_banner{text-align: center;}
.pos{padding: 15px;background-color: #f1f1f1;}
.pos .left{font-size: 16px;color: #606060;line-height: 20px;}
.pos .right{padding-left: 16px;background-image: url(../images/pos_bg.png);background-position: left center;background-repeat: no-repeat;color: #5f5f5f;font-size: 12px;line-height: 20px;}
.pos .right a{color: #5f5f5f;}
.main{padding: 20px 0;}
/*
.main .left{width: 20%;}
.main .right{width: 80%;padding-left: 30px;}
*/
.main .left{width:240px;}
.main .right{width:930px;}
.main_category{padding: 10px;border:1px solid #dcdcdc;}
.main_category .title{text-align: center;overflow: hidden;padding: 15px 0px;line-height: 30px;font-size: 22px;background-image: url(../images/jiao.png);background-position: top right;background-color: #02388b;background-repeat: no-repeat;color: #fff;}
.main_category ul li{background-color: #f1f1f1;margin: 5px 0;transition: .5s all ease;}
.main_category ul li a{font-size: 15px;display: block;padding: 10px 15px;overflow: hidden;text-align: left;text-overflow: ellipsis;white-space: nowrap;color: #555;transition: .5s all ease;}
.main_category ul li:hover{background-color: #02388b;background-image: url(../images/to.png);background-position: 90% 50%;background-repeat: no-repeat;}
.main_category ul li:hover a{color: #fff;}
.main_news,.main_contact{padding: 10px;border: 1px solid #dcdcdc;margin-top: 15px;}
.main_news .title,
.main_contact .title{font-size: 18px;line-height: 48px;text-align: center;background-color: #02388b;color: #fff;}
.main_news ul li{display: block;padding: 10px 0;border-bottom: 1px solid #DCDCDC;}
.main_news ul li a{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 14px;line-height: 20px;color: #767676;transition: .5s all ease;}
.main_news ul li:hover a{color: #02388b;}
.main_contact .txt{margin-top: 5px;font-size: 14px;line-height: 25px;color: #393939;}
.function{margin-top: 20px;text-align: center;}
.function a {display: inline-block;padding: 5px;margin: 0 2px;border-radius: 1px;color: #979797;border: 1px solid #c1c1c1;}
.function a.active,.function a:hover {background-color: #02388b;color: #fff;}
/*product*/
/*
.product ul li{width: 31%;float: left;margin: 1%;border: 2px solid #fff;box-shadow: 0 0 8px #dbdbdb;transition: .3s all ease;}
*/
.product ul li{width:33.333333%;float: left;transition: .3s all ease;}
.product ul li a{margin:10px;box-shadow: 0 0 8px #dbdbdb;border:2px solid #fff;display: block;}
.product ul li .img{overflow: hidden;}
.product ul li img{transition: .8s all ease;}
.product ul li .name{height: 36px;background-color: #02388b;text-align: center;line-height: 36px;font-size: 14px;color:#fff;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.product ul li a:hover{border: 2px solid #02388b;}
.product ul li:hover img{transform: scale(1.1);}


/*case*/
/*
.case ul li{width: 31.333%;margin: 0 1% 1%;float: left;text-align: center;}
*/
.case ul li{width:33.333333%;float:left;text-align:center;}
.case ul li a{margin:0 1%;}
.case ul li .img{overflow: hidden;}
.case ul li .img img{transition: .8s all ease;}
.case ul li .name{padding: 10px 0;font-size: 14px;color: #979797;position: relative;margin: 5px 0;z-index: 1;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;transition: .5s all ease;}
.case ul li:hover img{transform: scale(1.1);}
.case ul li:hover .name{background-color: #02388b;color: #fff;}

/*news*/
.news ul li{padding: 10px 0;border-bottom: 1px solid #DCDCDC;}
.news ul li .date{width: 80px;float: left;background-color: #02388b;border: 1px solid #02388b;text-align: center;transition: .5s all ease;}
.news ul li .date .d{font-size: 30px;color: #fff;line-height: 50px;transition: .5s all ease;border-bottom: 1px solid #fff;}
.news ul li .date .ym{font-size: 12px;padding: 5px 0;transition: .5s all ease;color: #fff;}
.news ul li .info{padding-left: 100px;display: block;}
.news ul li .info .name{font-size: 16px;color: #555;transition: .5s all ease;padding: 3px 0;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.news ul li .info .txt{font-size: 14px;color: #888888;line-height: 25px;height: 50px;overflow: hidden;}
.news ul li:hover .date{background-color: #fff;}
.news ul li:hover .date .d{color: #02388b;border-bottom: 1px solid #02388b;}
.news ul li:hover .date .ym{color: #02388b;}
.news ul li:hover .info .name{color: #02388b;}

/*contact*/
.contact .h5{font-size: 20px;color: #02388b;font-weight: bold;}
.contact .p{font-size: 14px;color: #666;margin-top: 10px;}
.contact .img{border: 5px solid #02388b;display: block;margin-top: 25px;text-align: center;}
.page *{line-height: 1.8;}

/*case or news 详情页*/
.article_title{padding-left:10px;margin: 10px 0;border-left: 3px solid #02388b;font-size: 20px;color: #333;line-height: 1;}
.article_date{margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #02388b;}
.article_date span{display: inline-block;margin: 0 10px;font-size: 12px;color: #797979;}
.conten_content *{line-height: 1.68;}
.conten_content a{color: #02388b;}
.conten_page {display: block;margin-top: 10px;text-align: left;border-top: 1px solid #8c8c8c;padding-top: 10px;}
.conten_page p {display: block;margin-bottom: 10px;font-size: 16px;color: #8c8c8c;}
.conten_page p a {font-size: 14px;color: #8c8c8c;}

/*product 详情页*/
/*
.info_product .img{width: 30%;text-align: center;margin-top: 0;padding: 10px;border: 1px solid #e3e3e3;float: left;}
.info_product .info{width: 70%;float: left;padding-left: 30px;}
*/
.info_product .img{width: 30%;text-align: center;margin-top: 0;float: left;}
.info_product .img a{padding: 10px;border: 1px solid #e3e3e3;    display: block;}
.info_product .info{width: 70%;float:right;}
.info_product .info .info_product_li{margin-left:30px;padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid #d2d2d2;font-size: 14px;color: #393939;}
.info_product_remark{margin-left:30px;}
.info_product_remark .h5{font-size: 16px;color: #333;font-weight: bold;margin-bottom: 8px;}
.info_product_remark .p{font-size: 14px;color: #393939;line-height: 1.68;}
.info_product .info .info_product_li h1{display: inline-block;*display:inline;*zoom:1;font-size: 14px;color: #393939;}
.info_product .content p{line-height: 1.68;}
.info_product .content a{color: #02388b;}
.info_product .content li{list-style-type: disc !important;}
.info_product_title{display: block;padding: 10px 0;font-size: 18px;margin: 10px 0;font-weight: bold;color: #02388b;border-bottom: 1px solid #02388b;margin-bottom: 10px;}
.info_product .content *{line-height: 1.68;font-size: 15px;}
.conten_case_other {display: block;}
.conten_case_other .title{font-size: 16px;font-weight: 300;color: #666;padding: 10px 0;margin-bottom: 10px;border-bottom: 1px solid #8C8C8C;}
.conten_case_other ul li {display: block;width: 24%;margin: 0 0.5%;float: left;margin-bottom: 10px;}
.conten_case_other ul li .h5 {display: block;overflow: hidden;border: 1px solid #d3d3d3;transition: .5s all ease;}
.conten_case_other ul li .h5 img {width: 100%;transition: .6s;}
.conten_case_other ul li .name {display: block;}
.conten_case_other ul li .name a {padding: 5px 0;font-size: 14px;display: block;transition: .6s all ease;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align: center;color: #8C8C8C;}
.conten_case_other ul li:hover .h5 img {transform: scale(1.08);}
.conten_case_other ul li:hover .h5{border: 1px solid #02388b;}
.conten_case_other ul li:hover .name a {background-color: #02388b;color: #fff;}

/*sitemap*/
.lisitemaps {float: left;list-style: none}
.content_map {display: block;margin-bottom: 10px;}
.content_map ul li.lisitemap{display: block;}
.content_map p,.content_map ul li.lisitemap a {display: block;padding: 0 0 10px 0;border-bottom: 2px solid #02388b;font-size: 16px;margin-bottom: 10px;color: #8C8C8C;}
.content_map ul {display: block;}
.content_map ul li.lisitemaps,.content_map ul ul li{display: inline-block;margin-right: 10px;margin-bottom: 10px;}
.content_map ul li.lisitemaps a,.content_map ul ul li a {display: block;border: 1px solid #DCDCDC;color: #8C8C8C;font-size: 14px;transition: .6s all ease;padding: 5px;}
.content_map ul li.lisitemaps a:hover,.content_map ul ul li a:hover {background-color: #02388b;color: #fff;border: 1px solid #02388b;}